{extend name="base"}
{block name="content"}
<link href="__RES__/assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<script src="__RES__/assets/plugins/moment/moment.js"></script>
<script src="__RES__/assets/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<div class="main new_main orders_record">
        <form class="form-inline" method="get" id="cxfrom">
        <div class="head">
            <div class="head_top">
                <a href="javascript:history.back(-1)" class="btn_back btn_l">
                    <i class="iconfont icon-arrow-back"></i>
                </a>
                <span>
                    订单管理
                </span>
            </div>
            
        </div>
       <form name="search" class="form-inline" id="cxfrom" method="get" action="">
        <div class="screen">
			<span class="screen_title">支付渠道</span>
			<div class="screen_content select_goodsType" style="width: 75%;">
			<select name="paytype" class="form-control" >

					<option value="" {if $Think.get.paytype==''}selected{/if}>全部方式</option>

					{foreach :get_paytype_list() as $k => $v}

					<option value="{$k|htmlentities}" {if $Think.get.paytype==$k}selected{/if}>{$v.name}</option>

					{/foreach}

				</select>
			</div>	
		</div>
		<div class="screen">
			<span class="screen_title">支付状态</span>
			<div class="screen_content select_goodsType" style="width: 75%;">
				<select name="status" class="form-control">

					<option value="" {if $Think.get.status==''}selected{/if}>全部状态</option>

					<option value="1" {if $Think.get.status=='1'}selected{/if}>已付款</option>

					<option value="0" {if $Think.get.status=='0'}selected{/if}>未付款</option>

				</select>
			</div>
		</div>
		<div class="screen">
			<span class="screen_title">订单类型</span>
			<div class="screen_content select_goodsType" style="width: 75%;">
				<select name="order_type" class="form-control">

					<option value="" {if $Think.get.order_type=='' }selected{/if}>全部类型 </option>

					<option value="1" {if $Think.get.order_type==1}selected{/if}>普通订单</option>

					<option value="2" {if $Think.get.order_type==2}selected{/if}>代理订单 </option>

				</select>
			</div>
		</div>	
		<div class="screen">
			<span class="screen_title">　订单号</span>
			<div class="screen_content select_goodsType" style="width: 75%;">
				   <input type="text" class="form-control" name="trade_no" value="{$Think.get.trade_no|htmlentities}" maxlength="30" placeholder="请输入订单编号">
			</div>
		</div>
		<div class="screen">
			<span class="screen_title">时间范围</span>
			<div class="screen_content select_goodsType" style="width: 75%;">
				   <input class="form-control input-daterange-datepicker"  type="text" name="date_range" value="{:urldecode($Think.get.date_range)}" placeholder="点击选择查询日期">
			</div>
		</div>   
		<div class="btn_save_div">
			<div class="btn_save" onclick="cxsubmit()">查询</div>
			
		</div>   
		</from>   
        </form>
     {foreach $orders as $v}      
	<div class="section_ty1 goods_r">
            <div class="s_ty_title">
                <span class="s_ty_t_title" style="width:7.5rem;white-space: normal;position: relative" onclick="window.open('/orderquery?orderid={$v.trade_no}')">订单编号&nbsp;:&nbsp;{$v.trade_no}</span>
				 {if $v.status==1}                  
                  <span class="s_ty_state s_ty_state_1">已付款</span>
				  {else/}
				  <span class="s_ty_state s_ty_state_2">未付款</span>
				{/if}
                                                </div>
            <div class="s_ty_content s_ty_content_up">
                <div class="s_ty_l">
                    <p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">订单时间&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{$v.create_at|date="Y-m-d H:i:s",###}</span>
                    </p>
                    <p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">支付方式&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{:get_paytype_name($v.paytype)}</span>
                    </p>
                </div>
                <div class="s_ty_l">
                    <p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">产品名称&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{$v.goods_name}(<span class="red">{$v.quantity}</span>张)</span>
                    </p>
                    <p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">联系方式&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{$v.contact}</span>
                    </p>
                </div>
                <div class="s_ty_l">
                    <p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">销售价格&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{$v.total_price}</span>
                    </p>
					<p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">订单类型&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{if $v.order_type > 0}
								<span style="color: #f53d54">代理订单</span>
								{else}
								普通订单
								{/if}</span>
                    </p>
                </div>
				<div class="s_ty_l" style="width: 100%;">
                    <p class="s_ty_l_p">
                        <span class="s_ty_l_p_title">取卡密码&nbsp;:&nbsp;</span>
                        <span class="s_ty_l_p_text">{$v.take_card_password|default="未设置"}</span>
                    </p>
                </div>
            </div>
        </div>
         {/foreach}       
            
            <nav aria-label="Page navigation">
               {$page}
            </nav>
            </div>
<script>
	function cxsubmit(){
		$("#cxfrom").submit();
	}

</script>
 <script>
        $('.input-daterange-datepicker').daterangepicker({
            buttonClasses: ['btn', 'btn-sm'],
            applyClass: 'btn-default',
            cancelClass: 'btn-primary',
            locale: {
                applyLabel: '应用',
                cancelLabel: '取消',
                daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十月', '十二月'],
                firstDay: 1
            }

        });
    </script>
{/block}
{block name="footer"}
<div class="footer">
	<div class="footer_content">
		<div class="footer_div">
			<div class="f_l div_rl">
				<a href="/merchant/order/index" class="footer_nav_btn ">
					<i class="iconfont icon-dynamic active_wxz"></i>
					<i class="iconfont icon-dynamic_fill active_xz"></i>
					<p>卖出</p>
				</a>
				<a href="/merchant/goods/index" class="footer_nav_btn ">
					<i class="iconfont icon-activity active_wxz"></i>
					<i class="iconfont icon-activity_fill active_xz"></i>
					<p>商品</p>
				</a>
			</div>
			<div class="f_r div_rl">
				<a href="/merchant/complaint/index" class="footer_nav_btn ">
					<i class="iconfont icon-message active_wxz"></i>
					<i class="iconfont icon-message_fill active_xz"></i>
					<p>投诉</p>
					<div class="newTipsDiv"></div>
					<!-- <span class="ts_count">99</span> -->
				</a>
				<a href="/merchant/cash/index" class="footer_nav_btn ">
					<i class="iconfont icon-redpacket active_wxz"></i>
					<i class="iconfont icon-redpacket_fill active_xz"></i>
					<p>提现</p>
				</a>
			</div>
		</div>
		<div class="div_c">
			<a href="/merchant.html" class="footer_nav_btn"><i class="iconfont icon-home"></i></a>
		</div>
	</div>
</div>
{/block}